<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表单验证</title>
    <link rel="stylesheet" href="./css/style.css"/>
    <script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
    <script type="text/javascript" src="js/checkForm.js"></script>
</head>
<body>
    <div class="login">
            <div class="user">
                <ul>
                    <li>
                        username:
                    </li>
                    <li>
                        <input class="input" type="text" onBlur="check('username')" id="username" name="username"/>
                        <!--onBlur,当取消焦点的时候执行-->
                    </li>
                    <li class="error-text" id="user-error">
                    </li>
                    <li>
                        password:
                    </li>
                    <li>
                        <input class="input" type="password" onBlur="check('password')" id="password" name="password"/>
                    </li>
                    <li class="error-text" id="pass-error">

                    </li>
                </ul>
                <a href="">Forgot password?</a>
            </div>
        <div class="clear">
        </div>
        <div class="submit">
            <div class="submit-in">
                <input class="sub" type="submit" value="Sign in"/>
                <input type="checkbox" value="Remember me"/>Remember me
            </div>
        </div>
    </div>

</div>

</body>
</html>